<div class='panel-container' style="">
    <row class="app-layoutpanel" style="height:100%;">
        <i-col v-show="detailsModel.container1.visible"  :md="{ span: 24, offset: 0 }" style="" class="app-layoutpanel-container">
            <row style="height:100%;">
                      
                <i-col v-show="detailsModel.title.visible"  :md="{ span: 24, offset: 0 }" style="" class="app-layoutpanel-field">
                    <div class="item-field">
                    
                    <div class="item-field-content">
                    
                <app-span :value="data.title" name="title" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style=""> </app-span> 
                
                    </div>
                </div>
                
                
                </i-col>
                      
                <i-col v-show="detailsModel.rawitem1.visible"  :md="{ span: 24, offset: 0 }" style="" class="app-layoutpanel-rowitem">
                    <br/>
                
                
                </i-col>
                      <i-col v-show="detailsModel.container2.visible"  :md="{ span: 24, offset: 0 }" style="" class="app-layoutpanel-container">
                    <row style="height:100%;">
                              
                        <i-col v-show="detailsModel.pri.visible"  :md="{ span: 24, offset: 0 }" :lg="{ span: 2, offset: 0 }" style="" class="app-layoutpanel-field">
                            <div class="item-field">
                            
                            <div class="item-field-content">
                            
                        <app-span :value="data.pri" name="pri" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  tag='Story__pri' codelistType='STATIC' style=""> </app-span> 
                        
                            </div>
                        </div>
                        
                        
                        </i-col>
                              
                        <i-col v-show="detailsModel.status.visible"  :md="{ span: 24, offset: 0 }" :lg="{ span: 14, offset: 0 }" style="" class="app-layoutpanel-field">
                            <div class="item-field">
                            
                            <div class="item-field-content">
                            
                        <app-span :value="data.status" name="status" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  tag='Story__status' codelistType='STATIC' style=""> </app-span> 
                        
                            </div>
                        </div>
                        
                        
                        </i-col>
                              
                        <i-col v-show="detailsModel.estimate.visible"  :md="{ span: 24, offset: 0 }" :lg="{ span: 3, offset: 0 }" style="" class="app-layoutpanel-field">
                            <div class="item-field">
                            
                            <div class="item-field-content">
                            
                        <app-span :value="data.estimate" name="estimate" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style=""> </app-span> 
                        
                            </div>
                        </div>
                        
                        
                        </i-col>
                              
                        <i-col v-show="detailsModel.rawitem2.visible"  :md="{ span: 24, offset: 0 }" :lg="{ span: 2, offset: 0 }" style="" class="app-layoutpanel-rowitem">
                            h
                        
                        
                        </i-col>
                              
                        <i-col v-show="detailsModel.button1.visible"  :md="{ span: 3, offset: 0 }" :lg="{ span: 3, offset: 0 }" style="" class="app-layoutpanel-button">
                            <i-button :disabled="detailsModel.button1.disabled" type="primary" long @click="uiAction(null, 'ProjectUnlinkStory', $event)"  style="height: 24px;">
                            <i class="fa fa-unlink"></i>
                        </i-button>
                        
                        
                        </i-col>
                    </row>
                </i-col>
            </row>
        </i-col>
        <i-col v-show="detailsModel.container3.visible"  :md="{ span: 24, offset: 0 }" style="" class="app-layoutpanel-container">
            <row style="height:100%;">
                        </row>
        </i-col>
    </row>
</div>
